import  XtxConfirm from './confirm.vue'
import { h,render } from 'vue'
type Props={
    title?:string
    text:string
}

// 创建标签
const div=document.createElement('div')
// 添加属性
div.setAttribute('class','xtx-confirm-contariner')
// 挂载
document.body.appendChild(div)
 export default  function confirm({title,text}:Props){
  return  new Promise((resolve,reject)=>{
        const confirmCallback=()=>{
            // console.log('确定');
            resolve(undefined)
            render(null,div)
           }
           const cancelCallback=()=>{
            // console.log('取消');
            reject()
            render(null,div)
           }
        // h函数(组件,属性) 创建虚拟dom 
        const vNode=h(XtxConfirm,{title,text,confirmCallback,cancelCallback})
        // 渲染虚拟dom
        render(vNode,div)
    })

       
}